<template>
    <div class="father">
        <h3>父组件01</h3>
        <h4>汽车：{{ car }}</h4>
        <h4 v-show="toy">子给的玩具{{ toy }}</h4>
        <el-button type="danger" @click="LogOut" style="margin: 10px;">系统退出登录</el-button>


        <Child :car="car" :sendToy="getToy"></Child>
    </div>
</template>

<script setup lang="ts" name="Father">
import Child from "./Child.vue";
import { ref } from "vue";
import { useRouter } from 'vue-router'
let car = ref("奔驰")
let toy = ref("")

function getToy(value: string) {
    toy.value = value
}

const router = useRouter();
function LogOut() {
    localStorage.removeItem('token');
    router.push('/Login')
}

</script>

<style  scoped>
.father {
    background-color: reb(165, 164, 164);
    padding: 20px;
    border-radius: 10px;
}
</style>